import React from "react";
import { Top, Tab, Item } from './Tabbar.style'

const Tabbar = () => {
    return (
        <>
        <Top>
            <Tab>
                <div className="personal">
                    <img src="https://p1.meituan.net/travelcube/90323f717c9321f5408e825a194c50138872.png%40120w_120h_1e_1c_80q" alt="" />
                    <div className="personal-account">
                        <div className="personal-number">冷择20001010</div>
                        <div className="personal-set">账号设置</div>
                    </div>
                </div>
            </Tab>
            <Item>
                <div className="personal-list">
                    <img src="https://p0.meituan.net/travelcube/c33fc1a43fbdff127cce4aba93daf5334031.png" alt="" />
                    <div className="personal-title">收藏</div>
                </div>
                <div className="personal-list">
                    <img src="https://p0.meituan.net/travelcube/22cb29d6a3ed68ec0e04741b697e836b4651.png" alt="" />
                    <div className="personal-title">关注公众号</div>
                </div>
                <div className="personal-list">
                    <img src="https://p0.meituan.net/travelcube/05fa655f0d040bb666f358db65565c653367.png" alt="" />
                    <div className="personal-title">客服</div>
                </div>
                <div className="personal-list">
                    <img src="https://p1.meituan.net/travelcube/dbdcb7a57ce12c6de6175f534548fe9c2806.png" alt="" />
                    <div className="personal-title">红包卡卷</div>
                </div>
            </Item>
        </Top>
        </>
    )
}

export default Tabbar